<template>
  <div>
    <div v-for="book in list" :key="book.id">
      <BookListItem :item="book" />
    </div>
  </div>
</template>

<script setup lang="ts">
import BookListItem from './BookListItem.vue'
interface IBooks {
  author: string
  bigImgUrl: string
  bookConcern: null
  brief: null
  discount: number
  id: number
  imgUrl: string
  inventory: number
  price: number
  publishDate: null
  title: string
}
const props = defineProps<{
  list: IBooks[]
}>()
console.log(props.list)
</script>

<style scoped></style>
